@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-18 10:59:07
 * @version $Id$
 */
/*banner开始*/
.banner{ width: 100%; height: 700px;  margin: 0px auto;  overflow: hidden;}
.banner .main{ width: 1920px; height: 700px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd{ width: 1920px; height: 700px; overflow: hidden;}
.banner .bd ul{ width: 1920px; height: 700px; }
.banner .hd{ width: 100%; height: 23px; position: absolute; left: 0px; bottom: 18px; }
.banner .hd ol{ font-size: 0px; text-align: center;}
.banner .hd ol li{ width: 23px; height: 23px; background: #ffffff; display: inline-block; border-radius: 50%;  margin: 0px 14px; cursor: pointer; }
.banner .hd ol li:hover{ background: #66ccff; }
.banner .hd ol li.on{ background: #66ccff; }
.banner .prev{ width: 44px; height: 76px; background: url(../img/prev_hover.jpg.png); position: absolute; left: 360px; top: 310px; cursor: pointer; display: block;}
.banner .next{ width: 44px; height: 76px; background: url(../img/next_hover.jpg.png); position: absolute; right: 360px; top: 310px; cursor: pointer; display: block;}
.banner .prev:hover{  background: url(../img/prev.jpg.png);} 
.banner .next:hover{  background: url(../img/next.jpg.png);}  
/*banner结束*/
/*首页产品开始*/
.content{ width: auto; height: auto; }
.content .product{ width: auto; height: 508px; background: url(../img/index_03.png);}
.content .product > ul{ width: 1200px; height: 101px;  margin: 0px auto;}
.content .product > ul li{ width: 144px; height: 101px; float: left; margin: 0px 28px; cursor: pointer;}
.content .product > ul li span{ display: block; width: 144px; height: 58px; }
.content .product > ul li p{ font-size: 18px; color: #565656; text-align: center; height: 43px; line-height: 43px;}
.content .product > ul li:first-child span{ background: url(../img/pro_pic1.png) no-repeat center; }
.content .product > ul li:first-child +li span{ background: url(../img/pro_pic2.png) no-repeat center; }
.content .product > ul li:first-child +li +li span{ background: url(../img/pro_pic3.png) no-repeat center; }
.content .product > ul li:first-child +li +li +li span{ background: url(../img/pro_pic4.png) no-repeat center; }
.content .product > ul li:first-child +li +li +li +li span{ background: url(../img/pro_pic5.png) no-repeat center;}
.content .product > ul li:first-child +li +li +li +li +li span{ background: url(../img/pro_pic6.png) no-repeat center;}
.content .product > ul li:first-child:hover span{ background: url(../img/pro_pic7.png) no-repeat center #05acf2;}
.content .product > ul li:first-child +li:hover span{ background: url(../img/pro_pic8.png) no-repeat center #05acf2;}
.content .product > ul li:first-child +li +li:hover span{ background: url(../img/pro_pic9.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li:hover span{ background: url(../img/pro_pic10.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li +li:hover span{ background: url(../img/pro_pic11.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li +li +li:hover span{ background: url(../img/pro_pic12.png) no-repeat center #05acf2; }
.content .product > ul li:hover p{ background: #05acf2; color: #fff; }
.content .product > ul li.on p{ background: #05acf2; color: #fff; }
.content .product > ul li:first-child.on span{ background: url(../img/pro_pic7.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li.on span{ background: url(../img/pro_pic8.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li.on span{ background: url(../img/pro_pic9.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li.on span{ background: url(../img/pro_pic10.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li +li.on span{ background: url(../img/pro_pic11.png) no-repeat center #05acf2; }
.content .product > ul li:first-child +li +li +li +li +li.on span{ background: url(../img/pro_pic12.png) no-repeat center #05acf2; }
.content .product .pro{ width: 1200px; margin: 0px auto; overflow: hidden; }
.content .product .pro ul{ width: 1200px; }
.content .product .pro ul li{ width: 200px; height: 407px; float: left; }
.content .product .pro ul li > a{ display: block; margin: 58px 0px 23px 0px; width: 200px; height: 200px; position: relative;}
.content .product .pro ul li > a img{ width: 200px; height: 200px; }
.content .product .pro ul li h2{ font-size: 18px; text-align: center; height: 40px; line-height: 40px;}
.content .product .pro ul li h2 a{ color: #666; }
.content .product .pro ul li:hover img{ width: 250px; height: 250px;  position: absolute; top: -25px; left: -25px;}
.content .product .pro ul li:hover h2 a{  color: #000; }
/*首页产品结束*/

.about{ width: 1200px; height: 485px; margin: 0px auto; }
.about .main{ width: 1200px; height: 362px; }
.about .main .left{ width: 486px; height: 283px; float: left; margin: 15px 43px;}
.about .main .left p{ font-family: "宋体"; font-size: 16px; color: #333;  line-height: 36px;}
.about .main .left a{ font-family: "宋体"; font-size: 14px; color: #fff; width: 150px; height: 50px; background: #05acf2; display: block; text-align: center; line-height: 50px; margin-top: 32px;}
.about .main .right{ float: right; margin: 0px 40px;}
.about .main .right img{ width: 522px; height: 313px; }

.news{ width: auto; height: 500px; background: #f7f7f7;}
.news .main{ width: 1200px; height: 377px; margin: 0px auto; }
.news .main .left{width: 521px; height: 300px; float: left; margin: 0px 40px; position: relative;overflow: hidden;}
.news .main .left ul{ width: 521px; height: 300px; }
.news .main .left img{ width: 521px; height: 300px; }
.news .main .left .prev{  width: 44px; height: 76px; background: url(../img/prev_hover.jpg.png); position: absolute; left: 0px; top: 112px; cursor: pointer; display: block;}
.news .main .left .next{ width: 44px; height: 76px; background: url(../img/next_hover.jpg.png); position: absolute; left: 477px; top: 112px; cursor: pointer; display: block; }
.news .main .left .prev:hover{ background: url(../img/prev.jpg.png); }
.news .main .left .next:hover{ background: url(../img/next.jpg.png); }

.news .main .right{ width: 573px; height: 300px; float: right; }
.news .main .right ul{ width: 573px; height: 253px; }
.news .main .right ul li{ width: 573px; height: 118px; }
.news .main .right ul li .prev{ width: 80px; height: 80px; background: #666666; float: left; margin-right: 20px;}
.news .main .right ul li .prev h3{ font-family: "微软雅黑"; font-size: 30px; color: #fff; margin-top: 10px; margin-left: 18px; border-bottom: 1px solid #fff; width: 46px;}
.news .main .right ul li .prev span{ font-family: "宋体"; font-size: 14px; color: #fff; text-align: center; display: block;}
.news .main .right ul li .next{ float: left; width: 473px; height: 80px; }
.news .main .right ul li .next h4{ font-family: "微软雅黑"; font-size: 18px; color: #333; margin-bottom: 10px;}
.news .main .right ul li .next p{ font-family: "宋体"; font-size: 14px; color: #666666; line-height: 25px; }

.news .main .right ul li .prev:hover{ background: #05acf2;}
.news .main .right ul li .prev .current{ background: #05acf2;}
.news .main .right > a{ font-family: "宋体"; font-size: 14px; color: #565656; width: 146px; height: 46px; background: #fff; border: 2px solid #0099ff; display: block; text-align: center; line-height: 50px; margin-top: -3px; }

.contact{ width: auto; height: auto; margin: 0px auto; position: relative; overflow: hidden;}
.contact .main{ width: 1200px; height: 213px; margin: 0px auto; }
.contact .main ul{ width: 800px; height: 213px; margin: 0px auto; }
.contact .main ul li:first-child{  width: 200px; height: 213px; float: left; background: url(../img/contact_pic1.png) no-repeat top center;}
.contact .main ul li:first-child+li{ width: 400px; height: 213px; float: left; background: url(../img/contact_pic2.png) no-repeat top center;}
.contact .main ul li:first-child+li+li{ width: 200px; height: 213px; float: left; background: url(../img/contact_pic3.png) no-repeat top center;}
.contact .main ul li h5{ text-align: center; font-family: "微软雅黑"; font-size: 17.99px; color: #565656; margin-top: 85px;}
.contact .main ul li span{ text-align: center; display: block; font-family: "微软雅黑"; font-size: 15.99px; color: #565656; margin-top: 30px;}
.contact .map{ width: 1920px; height: 419px; }
.contact .map img{ width: 1920px; height: 419px; position: absolute; left: 50%; margin-left: -960px;}